<template>
  <div>
      <!-- 
        作用域插槽的使用
        1、子组件，在slot标签上添加属性并赋值
        2、使用组件处 通过template标签结合v-slot="变量"来接收数据
          这个变量就是包含子组件传递过来数据的对象
        -->
    <pannel>
      <template #title>
        <h4>芙蓉楼送辛渐</h4>
      </template>
      <!-- scope变量就是包含子组件中插槽row属性的对象
      scope只能使用在当前的template范围内容 -->
      <template v-slot:content="scope">
        {{ scope.row.defaultTwo }}
      </template>
    </pannel>
    
  </div>
</template>

<script>
import pannel from "@/components/pannel.vue"
export default {
  components: { pannel }
}
</script>

<style>

</style>